{% extends "login.html" %}
{% block title %}Create Course{% endblock %}
{% block navigation %}>><a href="/create/">Create Course </a>{% endblock %}
{% block menu %}
<ul class="menu">
	<li ><a href="/course/">Home</a></li>
	<li class="active"><a href="/create/">Create Course</a></li>
	<li><a href="/search/">Search Course</a></li>
</ul>
{% endblock %}

{% block content %} 

<div id="create-course">
	<h3>Create Course</h3>
	<p>
		You will create a new course, or you want to <a href="/search/" title="">Search
			Course</a>.
	</p>
</div>
<div id="create-course">
	<form action="." method="post">
		{% csrf_token %}
		<ul>
		<li>
			<label for="id_school">Choose school: </label> {{ form.school }}
			<h5>{{ form.school.errors }}</h5>
		</li>
		

		<li>
			<label for="id_course_code">Course code: </label> 
			{{ form.course_code}}
			<h5>{{ form.course_code.errors}}</h5>
		</li>
		<li>
			<label for="id_course_title">Course name: </label>
			{{ form.course_title }} e.g Internet Technology
		<h5>{{ form.course_title.errors}}</h5>
		</li>

		<li>
			<label for="id_course_subject">Course Subject: </label>
			{{ form.course_subject }} e.g Computing Science
		<h5>{{ form.course_subject.errors}}</h5>
		</li>
		<li>
			<label for="id_course_desc">Description: </label>{{ form.course_desc }}
		
		<h5>{{ form.course_desc.errors}}</h5>
		</li>
		</ul>
		<input class = "button" type="submit" value="Create">
	</form>
	{% if form.errors %}
	<h5>Invalid Input</h5>
	{% endif %}
</div>
{% endblock %}
